@charset "UTF-8";
/* CSS Document */
/*
-----------------------------内页样式start-----------------------------
*/

/*单篇+文章页start*/
.articleSite{ padding: 0 85px;}
.articleBox {
	line-height:40px;
	padding:10px 0;
	color: #666666;
    font-size: 16px;
}
.articleBox img{
	max-width:100%;
	}
.articleTitle {
	clear: both;
	text-align: center;
	padding:20px 10px 0 0px;
	line-height: 35px;
	font-size:30px;
	font-family:"microsoft yahei";
	color:#333333;
    margin-bottom: 10px;
    font-weight: bold;
}
.articleTime {
	overflow: hidden;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 0px;
}
.articleTimeC{ display: inline-block; overflow:hidden; font-size: 14px;}
.articleTime span.span1{ float: left; display: inline; margin:0 8px;}
.articleTime span.span2{ float: left; display: inline; width: 165px; }

.pageUp{
	display:block;
	line-height:30px;
	padding:10px 0 20px 0;
	border-top:1px dotted #ccc;
	color:#333333;
	font-size:14px;
	}
.share{
	display:block;
	clear:both;
	padding:10px 0;
	}
.articlePage{
	clear:both;
	height:30px;
	text-align:center;
	font-family:Arial;
	}
.articlePage a{
	margin:0 1px;
	background:#ccc;
	padding:5px 10px;
	}
.articlePage a:hover{
	color:#fff;
	background:#f18300;
	}
.articlePage a.hover{
	color:#fff;
	background:#f18300;
	}
/**
 * 文章阅读页-内容上部大图
 */
#play{
	width:600px;
	height:400px;
	position:relative;
	overflow: hidden;
	background:#fff;
	border:1px solid #e9e9e9;
	padding:5px;
	margin:20px auto 0 auto;
}
#play .change_a {
	width:40%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
	cursor: pointer;
	display: block;
	overflow: hidden;
	background:url(about:blank);
}
#play .prev_a {left: 0;}
#play .next_a {right: 0}
#play .change_a span {
	width: 24px;
	height: 43px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -21px;
	display: none
}
#play .prev_a span {background: url(../images/file/article_icon.png) no-repeat 0px -50px;left: 0;}
#play .next_a span {background: url(../images/file/article_icon.png) no-repeat -30px -50px;right: 0;}
#play .img_ul {
	position: relative;
	z-index: 1;
	width:600px;
	height:400px;
}
#play .img_ul li{
	position: relative;
	z-index: 1;
	width:600px;
	height:400px;
	background:#fff;
	margin:0 0 5px 0;
}
#play .img_ul li img{position:absolute;}
.imgMove{width:600px;clear:both;margin:20px auto;position:relative;}
.img_hd {
	margin:0 auto;
	overflow: hidden;
	height:60px;
	position:relative;
}
.img_hd ul {
	position: absolute;
	z-index: 1
}
.img_hd ul li {
	float: left;
	height:47px;
	width:70px;
	padding:3px;
	margin:0 7px;
	cursor: pointer;
	background:#fff;
	border:1px solid #d4d4d4;
	position:relative;
}
.img_hd ul li p{
	height:47px;
	width:70px;
	display:block;
	background:#fff;
	position:relative;
	}
.img_hd ul li i{
	display:block;
	clear:both;
	line-height:20px;
	padding:0 5px;
	background:#000;
	color:#fff;
	position:absolute;
	right:3px;
	bottom:3px;
	z-index:99999999999999;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	font-family:Arial;
	font-size:12px;
	font-style:normal;
	}
.img_hd ul li img {position:absolute;height:47px;width:70px;}
.img_hd ul li.on {border:1px solid #f18300;background:#f18300;}
.imgMove .bottom_a {
	width:20px;
	height:25px;
	display: block;
	cursor: pointer;
	z-index: 10;
	float:left;
	top:15px;
	position:absolute;
	z-index:9999999999999;
	background:url(../images/file/article_icon.png) no-repeat;
}
.imgMove .prev_a {background-position:left top;left:0;}
.imgMove .next_a {background-position:right top;right:0;}
.articleHand{
    clear:both;
    font-size:16px;
    padding:10px 0px 10px 0;
    overflow: hidden;
    }
.articleHand a{
    display:block;
    line-height:32px;
    padding:0 20px 10px 30px;
    float:left;
	background:url(../images/file/file.png) no-repeat left center; 
}
.articleHand a.word{background:url(../images/file/word.png) no-repeat left 3px; color:#37a6ff !important; }
.articleHand a.ppt{background:url(../images/file/ppt.png) no-repeat left center; color:#ff7735 !important;}
.articleHand a.excel{background:url(../images/file/excel.png) no-repeat left center; color:#15bf44 !important; }
.articleHand a.pdf{background:url(../images/file/pdf.png) no-repeat left center; color:#1369c0 !important; }
.articleHand a.zip{background:url(../images/file/zip.png) no-repeat left 3px; color:#ff9779 !important; }

.artShare{ height: 25px;overflow: hidden; position: relative; top: 10px;}
.artShare a{ width: 25px !important; height: 25px !important; padding: 0 !important; margin: 0 4px !important; background-image: url(../images/share.png) !important; }
.artShare a.bds_tsina{ background-position: 0px 0px !important;}
.artShare a.bds_tqq{ background-position: -32px 0px !important;}
.artShare a.bds_qzone{ background-position: -64px 0px !important;}
.artShare a.bds_douban{ background-position: -96px 0px !important;}
.artShare a.bds_sqq{ background-position: -128px 0px !important;}

.aboutUsPic{ overflow: hidden;}
.aboutUsPic img{ max-width: 100%;}
/*单篇+文章页end*/

/*imgList1 start*/
.imgList1{ overflow: hidden; margin-right: -40px;}
.imgList1 dd{ overflow: hidden; float: left; display: inline; width: 33.333333%; margin-bottom:40px;}
.imgList1 dd .con{ overflow: hidden; margin-right: 40px;}
.imgList1 dd a{display: block; margin-right: 40px; background: #fff; padding: 10px;}
.imgList1 dd .pic{ width: 100%; overflow: hidden; position: relative;}
.imgList1 dd .pic:before{ display: block; content: ''; padding-top: 66.6666666%;}

.imgList1 dd .pic img{ object-fit: cover; display:block; width:100%; height:100%; position:absolute; left:0px; top:0px;}
.imgList1.honor dd .pic img{object-fit: contain;}
.imgList1 dd .text{ display: block; padding: 20px 0 0 0;}
.imgList1 dd .text .title{ text-align: center; color: #666; font-size: 18px; height: 38px; line-height: 38px; overflow: hidden; margin-bottom: 5px;}
.imgList1 dd .text .text1{ font-size: 14px; color: #999999; line-height: 25px; overflow: hidden; height: 50px;}
.imgList1 dd:hover .title{ color: #f18300;}
.imgList1 .videoIco{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3) url(../images/play.png) center center no-repeat;
}
/*imgList1 end*/

/*textImg1 start*/
.textImg1{
	position:relative;
	z-index:9;
}
.textImg1 dd{
    padding:20px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
	overflow:hidden;
	clear:both;
    position: relative;
    z-index: 3;
    margin-bottom: 20px;
    background:#fff;
}
.textImg1 dd .wrap{
    position: relative;
    z-index: 3;
} 
.textImg1 dd .picture{
	display:block;
	width:385px;
	height:258px;
	overflow:hidden; 
	position:relative;
    float: left;
	margin:0 20px 0 0;
}
.textImg1 dd .picture img{
	display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
	transform: scale(1);
	-webkit-transition:0.3s; 
	-moz-transition:0.3s; 
	transition:0.3s;
	}
.textImg1 dd .picture .jqthumb{
	transition: 0.4s ease;
}
.textImg1 dd:hover .jqthumb{
	transform: scale(1.05);
}
.textImg1 .listTit{
    font-size:20px;
    color:#333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
	padding-top: 15px;
}
.textImg1 .listTime{
    font-size:14px;
    color:#999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-top: 15px;
}
.textImg1 .listInfo{
	margin:15px 0;
    line-height:30px;
	overflow:hidden;
	font-size:15px;
	color:#666;
	height: 120px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}
.textImg1 dd:hover .picture img{transform: scale(1.05)}
.textImg1 dd:hover h3 a{color: #0074c3;}
.textImg1 dd h6{
	font-weight: normal;
	float:left;
	overflow:hidden;
	font-size: 14px;
	color: #999;
}
.textImg1 dd h6 span{
	padding:0 0 0 26px;
    background: url(../images/read.png) no-repeat left center;
}
/*textImg1 end*/

/*textList1 start*/
.textList1{ overflow: hidden;}
.textList1 dd{ overflow: hidden; background: #FFF; }
.textList1 dd .text{ overflow: hidden; padding: 0 45px;}
.textList1 dd .text .title{ padding: 20px 0; border-bottom:dotted 1px #e5e5e5; overflow: hidden; height: 40px; line-height: 40px;}
.textList1 dd .text .title a{ display: block; color: #666; font-size: 18px;}
.textList1 dd .text .title span{ float: right; display: inline; color: #555555; font-size: 15px; line-height: 28px; overflow: hidden;}
.textList1 .listTit{overflow: hidden;white-space: nowrap; -ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.textList1 dd .text .textC{ font-size:14px; color:#929292; line-height:25px; height:50px; overflow:hidden; padding: 10px 0;}
.textList1 dd:hover .text .title a{ color: #f18300;}
.downIco{
	background: url(../images/downIco.png) center center no-repeat;
	width: 30px;
	height: 40px;
}
/*textList1 end*/

/* 招聘页 start */
.recruit{padding: 30px 60px;}
.recruitTitle dd{ text-align: center; font-size: 16px; font-weight: bold; float: left;display: inline; width: 16.66666%;height: 60px;line-height: 60px;}
.recruitList{ overflow: hidden;}
.recruitList dd{ overflow: hidden; margin-bottom: 10px; }
.recruitList dd .recruitT{ overflow: hidden; height: 60px; line-height: 60px; background: #f5f5f5; color: #656565; transition: all .3s; -webkit-transition: all .3s;}
.recruitList dd .recruitT .text{text-align: center; background: none; font-size: 16px; overflow: hidden; float: left; display: inline; width: 16.66666%;}
.recruitList dd .recruitT .btn{ font-size: 16px;overflow: hidden; height: 60px; text-align: center; background: url(../images/zpShow.png) no-repeat center center;}
.recruitList dd .recruitT a{display: block; color: #666; background: #f5f5f5; transition: 0.4s ease;}
.recruitList dd .recruitT a:hover{background: #f18300; color: #fff;}
.recruitList dd .recruitC{ overflow: hidden; font-size: 14px; color: #888; line-height: 30px; display: none; padding:20px; background:#FFF;}
.recruitList dd .recruitC strong{color: #333;}
.recruitTable{ font-size: 14px; color: #555555; padding: 0px 0; border-bottom: 1px solid #ddd;}
.recruitTable table{ border:none;}
.recruitTable table tr{ border:none; height: 50px;}
.recruitTable table tr td{ border:none;}
.recruitTable table b{ margin-right: 20px;}
.recruitBtn{ overflow: hidden; padding-top: 20px;}
.recruitBtn a{ border: 1px solid #cb0202; font-size: 16px; overflow: hidden; display: block; height: 50px; line-height: 50px; float: left; display: inline; padding: 0 40px; background: #cb0202; color: #FFF; border-radius: 3px; transition: all .3s; -webkit-transition: all .3s;}
.recruitBtn a:hover{ opacity: 0.9}
.recruitBtn a.btn2{margin-left: 15px; background: none; color: #cb0202;}
.recruitList dd .recruitT .btn:hover{  background: url(../images/zpShowh.png) no-repeat center center;}
.recruitList dd .recruitT .btn:hover a{ color: #0074c3;}
.recruitList dd.active .recruitT{ background: #cb0202; color: #FFF;}
.recruitList dd.active .recruitT .btn{  background: url(../images/zpHide.png) no-repeat center center;}
/* 招聘页 end */

/* 招聘详情页 start */
.jobInfo{
	clear:both;
	overflow:hidden;
	line-height:40px;
    font-size: 16px;
	padding:10px 0 0 0;
}
.jobTitle{
    font-size: 17px;
    color: #333;
    border-bottom: solid 1px #E7E7E7;
    line-height: 30px;
    margin-top:30px;
    padding-bottom: 10px;
}
.jobTitle i{
    width: 3px;
    background:#666;
    height: 20px;
    display: block;
    float: left;
    position: relative;
    top: 5px;
    margin-right: 10px;
    font-style: normal;
}
.jobBt{
	clear:both;
    width: 180px;
    height: 50px;
    border-radius: 3px;
    text-align: center;
    line-height: 50px;
    color: #FFFFFF !important;
    background:#f18300;
    display:block;
    font-size: 16px;
	margin:0 auto;
	-webkit-transition:0.3s; 
	-moz-transition:0.3s; 
	transition:0.3s;
}
.jobBt:hover{background:#0074c3;}
.jobField{
	clear:both;
	overflow:hidden;
	line-height:40px;
	font-size:16px;
	padding:15px 0 0 0;
}
.jobField dd{width:33%;float:left;}
.jobName{ text-align: center; font-weight:bold;font-size:24px;clear:both;padding:0 0 10px 0;}
.jobTime{font-size:14px;line-height:30px;padding:0 0 10px 0;color:#999;border-bottom: solid 1px #E7E7E7;}
/* 应聘表单 */
.subPopBox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    left: 0px;
    top:0px;
    background: rgba(0, 0, 0, 0.65);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#65000000', endColorstr='#65000000')\9;
    z-index: 999999;
    display: none;
}
.subPopCont {
    width: 790px;
    height: 555px;
    /*overflow: hidden;*/
    border:10px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    position: relative;
    left: 50%;
    top:50%;
    margin-left: -395px;
    margin-top: -277px;
}
.joinForm {
    overflow: hidden;
    padding: 20px 40px;
}
.joinFormTit {
    display: block;
    font-size: 24px;
    color:#333;
    text-align: center;
    overflow: hidden;
}
.joinForm_dl {
    overflow: hidden;
}
.joinForm_dl dd {
    clear: both;
    /*height: 32px;
    line-height: 32px;*/
    /*overflow: hidden;*/
    padding-left:100px;
    position: relative;
    margin-bottom: 10px;
}
.joinFormName {
    display: block;
    width:95px;
    height: 42px;
    overflow: hidden;
    line-height: 42px;
    text-align: right;
    font-size: 14px;
    color:#444;
    position: absolute;
    left: 0px;
    top:0px;
}
.joinFormName i {
    font-style:normal;
    padding-right:3px;
    color:#cc0000;
}
.joinFormInp {
    display: block;
    width: 203px;
    height: 40px;
    overflow: hidden;
    border:1px solid #ddd;
    padding: 0px 5px;
    font-size:14px;
    color:#666;
    font-family:"microsoft yahei";
    line-height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.customUpload{
	width: 100% !important;
	height: 100% !important;
}
.joinForm_dl dd label {
    margin-right: 15px;
}
.joinForm_dl dd label span {
    padding-left: 6px;
}
.joinFormInp[disabled="disabled"] {
    background: #fff;
}
.joinForm_dl dt {
    overflow: hidden;
    position: relative;
    padding-left: 100px;
    margin-bottom: 10px;
}
.joinForm_dl dt textarea {
    width:760px;
    height: 140px;
    overflow-x: hidden;
    overflow-y: auto;
    border:1px solid #ddd;
    padding: 5px 10px;
    font-size: 12px;
    color:#666;
    line-height: 20px;
}
.joinFile {
    display: block;
    width: 110px;
    height: 30px;
    overflow: hidden;
    background: #535353;
    font-size: 14px;
    color:#fff;
    line-height: 30px;
    text-align: center;
}
input.w_100 {
    width: 100px;
}
.joinCode {
    height: 42px;
    overflow: hidden;
    margin-left: 10px;
}
.joinCode img {
    display: block;
    height:42px;
    float: left;
}
.joinCode i {
    display: block;
    height: 32px;
    overflow: hidden;
    float: left;
    padding-left: 10px;
    color:#666;
}
.joinCode i:hover {
    color:#d70112;
}
.closeSubPop {
    width: 30px;
    height: 28px;
    overflow: hidden;
    background:url(../images/closeVideoPop.png) no-repeat center center;
    position: absolute;
    right:10px;
    top:10px;
}
.bbsBt {
    display: block;
    width: 90px;
    height: 40px;
    overflow: hidden;
    margin:0px auto;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color:#fff !important;
    background: #e75a19;
}
#picker{
	position: relative;
    display: inline-block;
    cursor: pointer;
    background: #00b7ee;
    padding: 6px 15px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    font-family: "microsoft yahei";
    border-radius: 2px;
}
.w_200{width:200px}
/* 招聘详情页 end */


/*留言start*/
.messageList{ overflow: hidden;}
.messageList dd{ overflow: hidden; padding: 20px 0; border-bottom: 1px solid #e8e8e8;}
.messageList dd .msgQ{ padding: 10px 0; line-height: 20px; color: #444444; font-size: 18px;}
.messageList dd .msgA{ overflow: hidden;}
.messageList dd .msgA li{ overflow: hidden; line-height: 35px; color: #666666; font-size: 18px;}
.messageList dd .msgA li .title{ overflow: hidden; float: left; display: inline;}
.messageList dd .msgA li .text{ overflow: hidden;}
/*留言end*/
/*联系我们start*/
.map{ height: 500px; background: #f4f4f4;overflow: hidden;}
.contact{ overflow: hidden; padding: 10px;}
.contact dd .text{ 
	overflow: hidden; 
	float: right; 
	display: inline; 
	margin-left: 35px;
	width: 380px;
}
.contact dd .text .title{
	line-height: 34px; 
	overflow: hidden; 
	color: #f18300; 
	font-size: 24px;
	font-weight: bold;
}
.contact dd .text .con{ 
	line-height: 35px; 
	max-height: 280px; 
	overflow: hidden; 
	color: #666; 
	font-size: 15px;
}
.contact .code{
	margin-right: 15px;
}
.contact .code img{
	width: 90px;
	height: 90px;
}
.contact .code span{
	display: block;
	color: #999;
	text-align: center;
	font-size: 12px;
}
/*联系我们end*/

/*大事记start*/
.event{ position: relative; padding: 0 0; overflow: hidden;}
.event:before{ display: block; width: 8px; height: 100%; position: absolute; left: 50%; margin-left: -4px; background: #f0f0f0; content: ''; top: 112px;}
.event dt{ overflow: hidden; margin-bottom: 12px;}
.event dt img{ overflow: hidden; display: block; height: 112px; margin: 0 auto;}
.event dd{ overflow: hidden; margin-bottom: 10px;}
.event dd .con{width: 47.1%; position: relative;padding: 40px 0}
.event dd .con .pic{ width: 165px; height: 110px;}
.event dd .con .pic img{width: 165px; height: 110px;}
.event dd .con .text{ font-size: 14px; color: #666666; line-height: 30px; overflow: hidden;text-indent:2em}
.event dd .year{ height: 25px; line-height: 25px; position: absolute; color: #666666; font-size: 16px; top:43px;}
.event dd .year:before{ display: block; width: 25px; height: 25px; background: #0088f1; position: absolute;  top: 0; content: ''; border-radius: 25px; opacity: 0; visibility: hidden; transform: scale(0); -webkit-transform: scale(0); transition: all 0.5s ; -webkit-transition: all 0.5s ;}
.event dd .year:after{ display: block; width: 13px; height: 13px; border: 2px solid #0088f1; background: #FFF; position: absolute;  top: 50%; margin-top: -9px; content: ''; border-radius: 25px;}
.event dd .year i{ width: 28px; height: 2px; display: block; position: absolute;top: 50%; margin-top: -1px; background: #cccccc;}
.event dd.odd .con{ float: left; display: inline;}
.event dd.odd .con .pic{ float: right; display: inline;}
.event dd.odd .con .text{ padding: 0 20px;}
.event dd.odd .con .year{ right:-136px;}
.event dd.odd .con .year:before{ left:-52px; z-index: 1}
.event dd.odd .con .year:after{ left:-48px; z-index: 1}
.event dd.odd .con .year i{ left:-34px;}

.event dd.even .con{ float: right; display: inline;}
.event dd.even .con .pic{ float: left; display: inline;}
.event dd.even .con .text{ padding: 0 20px; text-align: left;}
.event dd.even .con .year{ left:-136px;}
.event dd.even .con .year:before{ right:-52px; z-index: 1}
.event dd.even .con .year:after{ right:-48px; z-index: 1}
.event dd.even .con .year i{ right:-34px;}

.event dd:hover .year:before{ visibility: visible; opacity: 1; transform: scale(1); -webkit-transform: scale(1)}

/*大事记end*/
/*
-----------------------------内页样式end-----------------------------
*/